<template>
  <ActionButton @click="onClick" :size="20" icon="management-account">
    <span>{{userData&&userData.nickName || '游客'}}</span>
  </ActionButton>
</template>

<script>
import { mapGetters } from "vuex";
// import PersonalCenter from "./PersonalCenter";
export default {
  computed: {
    ...mapGetters(["userData"]),
  },
  methods: {
    onClick() {
      this.$router.push({ name: "passport-personal-center" });
      // this.$Modal.confirm({
      //   render: (h) => {
      //     return h(PersonalCenter);
      //   },
      // });
    },
  },
};
</script>
